<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script>
  

	 $(function(){

	/*$(":button").toggle(function(){
		$(":checkbox").prop("checked",true);},
		
	function(){$(":checkbox").prop("checked",false);});*/
	$(":button").click(function(){
		 //
	});

	$("h2 input:checkbox").click(function(){$(this).parent().next().children().prop("checked",$(this).prop("checked"))});

	$("p input:checkbox").click(function(){


	if($(this).parent().children(":checked").length==0){
		$(this).parent().prev().children().prop("checked",false)
	}else{
		$(this).parent().prev().children().prop("checked",true)
	}

})

 })
</script>
<title>无标题文档</title>
</head>

<body>
<div id="menu">
 <h2><input type="checkbox" name="role" value="101"/>系统管理</h2>
 <p>
 	<input type="checkbox" name="role" value="101001"/>用户管理
    <input type="checkbox" name="role" value="101002"/>参数管理
    <input type="checkbox" name="role" value="101003"/>权限管理
    <input type="checkbox" name="role" value="101004"/>日常管理
    <input type="checkbox" name="role" value="101005"/>财务管理
 </p>
 <hr/>
 <h2><input type="checkbox" name="role" value="102"/>鲜花订单管理</h2>
 <p>
 	<input type="checkbox" name="role" value="102032"/>增加订单
    <input type="checkbox" name="role" value="102013"/>订单发货
    <input type="checkbox" name="role" value="102015"/>在线结算
    <input type="checkbox" name="role" value="102016"/>原料管理 
 </p>
 <hr/>
 <h2><input type="checkbox" name="role" value="103"/>客户管理</h2>
 <p>
 	<input type="checkbox" name="role" value="103032"/>增加用户
    <input type="checkbox" name="role" value="103032"/>查找用户
    <input type="checkbox" name="role" value="103012"/>用户维护
    <input type="checkbox" name="role" value="103012"/>生日祝贺
    <input type="checkbox" name="role" value="103012"/>删除用户
 </p>
</div>
 <p>
  <input type="button" value="全选" checked="true"/>
  <input type="submit" value="提交"/>
  <input type="reset" value="重置"/>
 </p>
 <hr/>
</body>
</html>
